<!-- <template>
    <p>{{ num =10 }}</p>
    <p>{{ 'Hello Vue.js' }}</p>
    <p>{{ Obj.name }}</p>
    <p>{{ ok?'Yes':'No' }}</p>
    <p style="color: red;">{{ red }}</p>
</template>
<script setup>
const mes='hello Vue.js'
const num= 1
const Obj={
 name:"我是王承烨"
}
 const ok=true
 const red = '红色文字'
</script>
<style scoped>

</style> -->
<template>
    <h1>Vue基础语法</h1>
    <p>{{ message }}</p>
</template>
<script setup>
  let message='不积跬步，无以至千里'
  setTimeout(()=>{
    console.log("更新数据前的message"+message);
    message="修改后的值是长风破浪会有时";
    console.log("更新后的message" + message);
  },2000)
</script>